/***********
SECTIONS
************/

.width-height-container {
    background: rgba(255, 255, 255, 0.75);
    position: relative;
    z-index: 1;

    max-width: 92em;
    min-height: 28em;
    margin: 8em auto;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);

    display: flex;
}

/****************
SECTION LEFT SIDE
*****************/
.inner-left {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 3em;
    /*padding: 3em 3em 3em 1.5em;*/
}

.inner-left h2 {
    letter-spacing: 8px;
    padding: 0em;
    margin-top: 0.4em;
    font-weight: 200;
    text-transform: uppercase;
}

.inner-left h2 b {
    font-weight: 400;
}

.inner-left h4 {
    margin-bottom: 1.5em;
}

.inner-left p {
    line-height: 2;
}

/*****************
SECTION RIGHT SIDE
******************/
.inner-right {
    text-align: center;
    padding: 2.8em 3em 2.8em 0em;
}

.inner-right img {
    margin: 0 auto;
    padding: 1em;
    height: 19.5em;
}

.inner-right a {
    background: rgba(255, 255, 255, 0.9);
    color: #4e4e4e !important;
    width: 95%;
    height: 12%;

    font-size: 20px;
    text-align: center;
    border-radius: 0;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.inner-right a:hover {
    background: rgba(193, 234, 192, 0.9) !important;
}

/***********
PLUS SECTION
************/

#plus-inner-container {
    margin-bottom: 26em;
}

#plus-center {
    padding: 3em;
}

#plus-center h2 {
    margin-top: 0.4em;
    padding: 0;
    letter-spacing: 8px;
    text-align: center;
    background-size: cover;
}

#plus-center h4 {
    color: #323232;
    margin-top: 0;
    margin-bottom: 2em;
    text-align: center;
    line-height: 1.5;
}

#plus-center p {
    line-height: 25px;
}

#plus-button a {
    background: rgb(146, 146, 146);
    color: white;
    height: 12%;
    margin: 1em auto 0em;
    float: none;

    font-size: 20px;
    text-align: center;
    border-radius: 0;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

/************
MEDIA QUERIES
*************/
@media (max-width: 767px) {

    .inner-right {
        padding: 0em 2em 2em;
    }

    .inner-left {
        padding: 1em 1.5em 1em;
    }

    .inner-left p{
        line-height: 25px;
        /*font-size: 1.15em;*/
    }

    .inner-right {
        padding: 0em 1em 2em;
    }

    .inner-right img {
        height: 15em;
        margin-top: -1em;
    }

    .inner-right a {
        width:100%;
        font-size: 2em;
        padding: 0.25em;
    }

    #plus-center {
        padding: 2em;
    }

    .width-height-container {
        margin: 0.25em auto 8em;
        display: block;
    }

}